// Config
support-for-ie = false;
vendor-prefixes = webkit moz ms official;
// Colors
color-default = #555;
color-grey = #999;
color-border = #ddd;
color-link = #258fb8;
color-background = #eee;
color-sidebar-text = #777;
color-widget-background = #ddd;
color-widget-border = #ccc;
color-footer-background = #262a30;
color-mobile-nav-background = #eeeeee;
color-twitter = #00aced;
color-facebook = #3b5998;
color-pinterest = #cb2027;
color-google = #dd4b39;
// Fonts
font-sans = -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-serif = Georgia, 'Times New Roman', serif;
font-mono = 'Source Code Pro', Consolas, Monaco, Menlo, Consolas, monospace;
font-icon = FontAwesome;
font-icon-path = 'fonts/fontawesome-webfont';
font-icon-version = '4.0.3';
font-size = 14px;
line-height = 22px;
line-height-title = 16px;
// Header
logo-size = 40px;
subtitle-size = 16px;
banner-height = 100vh;
banner-url = 'images/banner.webp';
sidebar = hexo-config('sidebar');
// Layout
block-margin = 50px;
article-padding = 20px;
mobile-nav-width = 200px;
main-column = 9;
sidebar-column = 3;

if (sidebar && (sidebar != bottom)) {
	_sidebar-column = sidebar-column;
} else {
	_sidebar-column = 0;
}

// Grids
column-width = 80px;
gutter-width = 20px;
columns = main-column + _sidebar-column;
// Media queries
mq-mobile = 'screen and (max-width: 479px)';
mq-tablet = 'screen and (min-width: 480px) and (max-width: 767px)';
mq-normal = 'screen and (min-width: 768px) and (max-width: 1366px)';
mq-large = 'screen and (min-width: 1367px)';
// DIY
tag-color = #39f;
btn-color = #fcc;